<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <button id="btn">点我</button>
    <h1 id='title'>123 <del>456</del></h1>

    <script>
        // document.querySelector("#jiangkai").onclick = function () {
        //     alert('你把我弄疼了')
        // }

        // 1.btn就是事件源
        // 2.onclick是时间类型  click表示点击
        // 3.function里面的内容就是事件处理程序 
        // btn.onclick = function () {
        //     alert('hello world');
        // }

        // 1.获取元素
        var title = document.querySelector('#title');
        // 2.操作dom

        // title.innerText = "DOM很重要,他能够实现js和html,css的交互";
        title.innerText = "你好";
    </script>
</body>

</html>